page {
    background-color: #f5f5f5;
}

.bbn_main {

    .common_width {
        width: 678rpx;
        margin: 0 auto;
    }

    .common_mt {
        margin-top: 40rpx;
    }

    .white_shadow_box {
        box-sizing: border-box;
        padding: 32rpx 40rpx;

        background: #ffffff;
        box-shadow: 0px 2rpx 50rpx 2rpx rgba(0, 0, 0, 0.08);
        border-radius: 36rpx;
    }

    .common_card {
        background: #ffffff;
        box-shadow: 0rpx 0rpx 60rpx 2rpx rgba(0, 0, 0, 0.0799999982);
        border-radius: 36rpx;
        padding: 32rpx;
        box-sizing: border-box;
    }



    //============底部固定的盒子================
    .fiexd_bottom_box {
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        box-sizing: border-box;
    }

    //end kecheng
    //============空白盒子================
    .bottom_tab_height {
        height: 150rpx;
    }

    .blank_box_mini {
        height: 24rpx;
    }

    .blank_box_default {
        height: 48rpx;
    }

    .blank_box_large {
        height: 96rpx;
    }

    //============END 空白盒子================
    .xc-size-mini {
        padding: 3rpx 3rpx !important;
    }

    //============字体颜色================
    .font_color_primary {
        color: $u-type-primary;
    }

    .font_color_error {
        color: $u-type-error;
    }

    .font_color_success {
        color: $u-type-success;
    }

    .font_color_waring {
        color: $u-type-warning;
    }

    .font_color_main {
        color: $u-main-color;
    }

    .font_color_content {
        color: $u-content-color;
    }

    .font_color_tips {
        color: $u-tips-color;
    }

    .font_color_light {
        color: $u-light-color;
    }

    //============END 字体颜色================


    //==============common_form================
    .common_form {
        .space_between {
            justify-content: space-between;

            .content {
                justify-content: flex-end;
            }
        }

        padding: 10rpx 40rpx;
        font-size: 28rpx;


        .form_item {
            min-height: 70rpx;
            padding: 10rpx 0;
            display: flex;
            align-items: center;
            border-bottom: solid 1rpx $u-border-color;

            &:last-child {
                border-bottom: none;
            }

            .label {
                width: 160rpx;
                color: $u-content-color;
            }

            .content {
                display: flex;
                width: 460rpx;
                align-items: center;
                color: $u-tips-color;

                .img {
                    width: 80rpx;
                    height: 80rpx;
                }
            }

        }

        .label200 {
            .label {
                width: 200rpx;
            }

            .content {
                width: 420rpx;
            }
        }
    }

    //==============end common_form================


}